<%@page import="com.xnx3.j2ee.Global"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>  
<%@ taglib uri="http://www.xnx3.com/java_xnx3/xnx3_tld" prefix="x" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<jsp:include page="/wm/common/head.jsp">
	<jsp:param name="title" value="数据统计"/>
</jsp:include>

</form>

<%-- <table class="layui-table iw_table">
  <thead>
    <tr>
    	<div>用户总数 ：${userCount}</div>
    	<div>订单总数 ：${orderCount}</div>
    	<div>总成交额 ：${moneySum}元</div>
    	<div>总回收量 ：${allSum}g</div>
    	<div>总商户数 ：0</div>
    	<div>今日订单总量 ：${ordernowCount}</div>
    	<div>今日待骑手接单 ：${waitingCount}</div>
    	<div>今日已接单待上门 ：${doorCount}</div>
    	<div>今日已完成 ：${doneCount}</div>
    	<div>今日已取消 ：${cancelledCount}</div>
    	<div>今日新增用户量 ：${usernowCount}</div>
    	<div>今日新增订单数 ：${doneorderCount}</div>
    	<div>今日总成单金额 ：${moneynowSum}元</div>
    	<div>今日总回收重量 ：${allnowSum}g</div>
    	<div>今日新增商户 ：0</div>
    </tr> 
  </tbody>
</table> --%>
<shiro:hasPermission name="superAdminStatistics"> 
		<div>
			<div style="background: #fdf5ed;display: flex;justify-content: space-between;padding: 20px 6%;">
				<div style="background: #f55a48;color: #FFE1B9;width: 16%;height: 130px;text-align: center;border-radius: 10px;">
					<div style="padding-top: 35px;">总用户数(个)</div>
					<div style="font-size: 32px;padding-top: 8px;">${userCount}</div>
				</div>
				<div style="background: #ff9e41;color: #FFE1B9;width: 16%;height: 130px;text-align: center;border-radius: 10px;">
					<div style="padding-top: 35px;">总订单数(笔)</div>
					<div style="font-size: 32px;padding-top: 8px;">${orderCount}</div>
				</div>
				<div style="background: #4e97ed;color: #FFE1B9;width: 16%;height: 130px;text-align: center;border-radius: 10px;">
					<div style="padding-top: 35px;">总成交额(元)</div>
					<div style="font-size: 32px;padding-top: 8px;">${moneySum}</div>
				</div>
				<div style="background: #86d535;color: #FFE1B9;width: 16%;height: 130px;text-align: center;border-radius: 10px;">
					<div style="padding-top: 35px;">总回收量(kg)</div>
					<div style="font-size: 32px;padding-top: 8px;">${allSum}</div>
				</div>
				<div style="background: #bb33d1;color: #FFE1B9;width: 16%;height: 130px;text-align: center;border-radius: 10px;">
					<div style="padding-top: 35px;">总商户数(个)</div>
					<div style="font-size: 32px;padding-top: 8px;">${storeCount}</div>
				</div>
			</div>
			<div style="background: #fdf5ed;padding: 20px;margin: 60px 6%;">
				<div style="font-size: 16px;font-weight: 600;">今日订单</div>
				<div style="display: flex;">
					<div style="width: 50%;padding: 100px;">
						<div style="font-size: 16px;">
							订单总量
						</div>
						<div style="font-size: 56px;">
							${ordernowCount}
						</div>
					</div>
					<div style="width: 50%;">
						<div style="display: flex;justify-content: space-between;">
							<div style="width: 46%;">
								<div style="width: 100px;height: 100px;
									border: 6px solid #E8CCAF;
									border-radius: 60px;
									box-sizing: border-box;
									text-align: center;
									padding: 34px 5px;
									line-height: 20px;
									margin: auto;">
									${waitingCount}
								</div>
								<div style="text-align: center;margin-top: 10px;">
									待骑手接单
								</div>
							</div>
							<div style="width: 46%;">
								<div style="width: 100px;height: 100px;
									border: 6px solid #E8CCAF;
									border-radius: 60px;
									box-sizing: border-box;
									text-align: center;
									padding: 34px 5px;
									line-height: 20px;
									margin: auto;">
									${doorCount}
								</div>
								<div style="text-align: center;margin-top: 10px;">
									已接单，待上门
								</div>
							</div>
						</div>
						<div style="display: flex;justify-content: space-between;margin: 30px 0px 20px;">
							<div style="width: 46%;">
								<div style="width: 100px;height: 100px;
									border: 6px solid #E8CCAF;
									border-radius: 60px;
									box-sizing: border-box;
									text-align: center;
									padding: 34px 5px;
									line-height: 20px;
									margin: auto;">
									${doneCount}
								</div>
								<div style="text-align: center;margin-top: 10px;">
									已完成，已上门取
								</div>
							</div>
							<div style="width: 46%;">
								<div style="width: 100px;height: 100px;
									border: 6px solid #E8CCAF;
									border-radius: 60px;
									box-sizing: border-box;
									text-align: center;
									padding: 34px 5px;
									line-height: 20px;
									margin: auto;">
									${cancelledCount}
								</div>
								<div style="text-align: center;margin-top: 10px;">
									已取消
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div style="background: #fdf5ed;margin: auto;padding: 10px 20px 20px 0;">
				<div style="width: 180px;background: #fff;line-height: 35px;text-align: center;font-size: 16px;">
					今日实时数据
				</div>
				<div style="display: flex;justify-content: space-between;margin-left: 20px;padding: 30px 6% 20px;">
					<div style="text-align: center;">
						<div>新增用户(个)</div>
						<div style="font-size: 20px;color: #f55a48;margin-top: 10px;">${usernowCount}</div>
					</div>
					<div style="text-align: center;;">
						<div>新增订单(笔)</div>
						<div style="font-size: 20px;color: #ff9e41;margin-top: 10px;">${doneorderCount}</div>
					</div>
					<div style="text-align: center;">
						<div>成交金额(元)</div>
						<div style="font-size: 20px;color: #4e97ed;margin-top: 10px;">${moneynowSum}</div>
					</div>
					<div style="text-align: center;">
						<div>回收重量(kg)</div>
						<div style="font-size: 20px;color: #86d535;margin-top: 10px;">${allnowSum}</div>
					</div>
					<div style="text-align: center;">
						<div>新增商户(个)</div>
						<div style="font-size: 20px;color: #bb33d1;margin-top: 10px;">${storenowCount}</div>
					</div>
				</div>
			</div>
		</div>
		</shiro:hasPermission>

<script type="text/javascript">

</script>

<jsp:include page="/wm/common/foot.jsp"></jsp:include>